/*ͨ��*/
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    background-color: #fff!important;
    min-width: 1230px;overflow: auto;
}
@media print {
    body {
        min-width: 0 !important;
    }
}

.head{
    width: 100%;
    height: 50px;
    color: #108ee9;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #d9d9d9;
}
.head img{
    margin-right: 10px;/* �� 20*/
    margin-bottom: 5px;
}
.head span{
    font-size: 18px!important;

}
.head a{
    float: right;
    font-size: 14px;/* �� */
    color: #108ee9;
    text-decoration: none;
}
/* �� */
.head a:hover{
    color: #f60
}
.head .area{
    margin-left: 100px;
    display: inline-block;

}
.head .area li{
    width: 120px;
    height: 49px;
    float: left;
    text-align: center;
    line-height: 49px;
    color:#7b7b7b;
}
.head .area li:hover{
    color: #108ee9;cursor: pointer
}
/*ͨ�ý���*/

/*header����*/
.header{
    width: 100%;
}

.headerMessage{
    width: 100%;
    height: 36px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e5e5e5;
}
.headerMessage div{
    width: 1185px;
    margin: 0 auto;
    color: #888;
}
.headerMessage span{
    line-height: 36px;
}
.headerLogo{
    width: 100%;
    height: 271px;
}
.headerLogo .logoCont{
    width: 1185px;
    height: 100px;
    margin: 0 auto;
}
.logoCont div{
    display: inline-block;
}
.logo{
    height: 77px;
    width: auto;
    padding-left: 61px;
    background: url(../images/logo.png) no-repeat;

}
.logo .heading{
    font-size: 29.15px;
    font-weight: 500;
    padding-top: 5px;
    margin-bottom: 0;
    font-family: 'Microsoft YaHei';/* �� */
    color:#474747;
}
.logo .litterHeading{
    font-size: 17px;
    color: #737373;
    font-family: 'Microsoft YaHei';/* �� */
}
.location{
    /*height: 100px;*/
    margin-left: 60px;
    vertical-align: middle;
    margin-bottom: 40px;
    position: relative;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    /* padding-right: 10px; */
}
/* �� ���������� */
/* .location>select{
    width: 100px;
    height: 30px;
    padding-left: 18px;
} */
.locationBtn{
    /*width: 105px;*/
    height: 32px;
    background-color: #fff;
    color: #676767;
    border: none;
    /* margin-bottom: 40px; */
    /* border:1px solid #bfbfbf;
    border-radius: 3px; */
    padding-left: 28px;
    background: url(../images/i-map.png) no-repeat 10px 9px;
}
.location>a{
    color: #7dc1f3;border-left: 1px solid #bfbfbf;display: inline-block;padding: 0 10px;vertical-align: middle;
}
/* �� */
.location .fjArea{
    width: 834px;position: absolute;top: 32px;z-index: 200;padding-top: 8px;display: none;

}
.location .fjArea>div{
    width: 832px;background-color: #fff;border: 1px solid #bfbfbf;
}
.location .fjArea>div>ul{
    padding: 11px 0 4px 23px
}
.location .fjArea>div>ul>li{
    min-height: 36px;padding-bottom: 14px;overflow: hidden
}
.location .fjArea>div>ul>li>ul{
    float: left;width: calc(100% - 57px)
}
.location .fjArea>div>ul>li>ul>li{
    cursor: pointer;
}
/*��һ��*/
.location .fjArea>div>ul>li.shengben>ul>li{
    float: left;text-align: center;
}
.location .fjArea>div>ul>li.shengben>ul>li:first-child{
    width: 49px;margin-right: 12px;
}
.location .fjArea>div>ul>li.shengben>ul>li:last-child{
    width: 110px;
}
/*��һ�У���һ�� ���� ����*/
.location .fjArea>div>ul>li>a,
.location .fjArea>div>ul>li.shengben>ul>li:last-child{
    background-color: #108ee9;padding: 0 5px;float: left;margin-right: 5px;
}
.location .fjArea>div>ul>li>a:hover,
.location .fjArea>div>ul>li.shengben>ul>li:last-child:hover{
    background-color: #186ead;
}
.location .fjArea>div>ul>li>a,
.location .fjArea>div>ul>li.shengben>ul>li:last-child>a{
    color: #fff
}
/*����һ�У���һ�� ����*/
.location .fjArea>div>ul>li>ul>li:hover{
    background-color: #d1eafc;
}
.location .fjArea>div>ul>li:not(.shengben)>ul>li>a:hover{
    color: #666
}
/*����һ����IJ���*/
.location .fjArea>div>ul>li:not(.shengben)>ul>li{
    float: left;/* width: 49px; */text-align: center;padding: 0 5px;
}
/* .location .fjArea>div>ul>li:not(.shengben)>ul>li:first-child{
    margin-right: 12px;
} */
.location .fjArea>div>ul>li:not(.shengben)>ul>li{
    border-right: 1px solid #d2d2d2;/* width: 61px; */padding: 0 5px;margin-bottom: 2px;
}
.location .fjArea>div>ul>li:not(.shengben)>ul>li:last-child{
    border-right:none;
}

.logoCont .search{
    float: right;
    width: auto;
    height: auto;
    margin-top: 30px;
}
.searchInput{
    height: 32px;
    width: 155px;
    padding-left: 5px;
    border: 1px solid #bfbfbf;
}
.searchBtn{
    width: 32px;
    height: 32px;
    margin:0 0 5px -2px;
    background: #108ee9 url(../images/i-search.png) no-repeat center center;/* �� */
    border: none;
    border-radius: 0%;
}
/* �� */
.searchBtn:hover{
    background-color: #58b0f0;
}
.headerTab{
    width: 100%;
    height: 40px;
    background-color: #108ee9;
}
.mainTabs{
    padding: 0;
    width: 1185px;
    height: 100%;
    margin: 0 auto;
}
.mainTabs li{
    /*padding: 0 15px;*/
    height: 100%;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #c3e3f9;
    list-style: none;
    float: left;
    cursor: default;
}
/* �� */
.mainTabs li:hover .show_color{
    color: #fff;
}
.mainTabs li.headtabActive{
    background-color: #186ead;/* color: #fff; *//* �� */
    margin-right: 10px;
}
/*2018 1 5 �� */
.mainTabs li a {
    color: #c3e3f9;
    padding: 0 15px;
    height: 100%;
    line-height: 40px;
    display: inline-block;
    /*font-size: 16px;*/
    /*text-align: center;*/
    /*color: #c3e3f9;*/
    /*list-style: none;*/
    /*float: left;*/
    /*cursor: default;*/
}
.mainTabs li.headtabActive a {
    color: #fff;
}
/*footer����*/
/* .Footer{
    margin-top: 20px;
} */
.footerTool{
    height: 40px;
    width: 100%;
    background-color: #363636;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.footerTool ul{
    padding: 0;
    width: 360px;
    margin: 0 auto;
}
.footerTool ul li{
    width: 90px;
    height: 100%;

    text-align: center;
    line-height: 40px;
    list-style: none;
    float: left;
}
.footerTool a{
    color: #d9d9d9;
}
.footerDetail{
    min-height: 240px;
    width: 100%;
    background-color: #454647;
}
.detailCont{
    width: 1185px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 170px;
}
.contLeft{
    position: relative;display: inline-block
}
.selectDiv{
    margin: 32px 0;
}
.selectDiv select{
    background-color: #454647;
    border: 1px solid #7d7e7f;
    color: #dadbdb;
    height: 32px;
    padding-left: 15px;
    margin-right: 22px;
}
.contLeft p{
    color: #dadbdb;
}
.contRight{
    padding-top: 52px;
    float: right;
}


/* �̶�ͷ��*/
.headerTabed{
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: #fff;
    width: 100%;
}
.wraped{
    margin-top: 330px !important;
}
/* ������ */
.fixedbox{
    position: fixed;right: calc((100% - 1320px)/2);bottom: 20px;width: 43px;
}
.fixedbox>div:not(:last-child){
    margin-bottom: 12px;
}
.fixedbox>div img{
    width: 43px;height: 43px;background-color: rgba(112, 187, 242, 0.4);border-radius: 50%;
}
.fixedbox>div:hover>img{
    background-color: rgba(112, 187, 242, 1);
}
.fixedbox>div>div{
    z-index: 200;position: absolute; height: 285px;display: none;
}
.fixedbox>div>div>div{
    border: 1px solid #E5E5E5;background: #fff;box-shadow: 0px 0px 8px 1px #d5ebfb;
    padding: 18px 20px 32px 20px;border-radius: 4px;
}
.fixedbox>div.phone>div>div{
    width: 190px;height: 265px;
}
.fixedbox>div.qq>div>div{
    width: 255px;height: 285px;
}
.fixedbox>div>div>div img{
    margin: 0 14px 4px 0;width: 20px;height: 20px;border-radius: 0;
}
.fixedbox>div>div>div>p{
    height: 39px;line-height: 39px;border-bottom: 1px solid #d9d9d9;padding-left: 14px;
}
.fixedbox>div>div>div>a{
    display: block;height: 39px;line-height: 39px;border-bottom: 1px solid #d9d9d9;background: url('../images/square-qq.png') no-repeat 14px 10px;padding-left: 48px;
}
.fixedbox .phone>div{
    left: -195px;top:-145px;width: 205px;
}
.fixedbox .qq>div{
    left: -260px;top:-165px;width: 265px;
}
.fixedbox .up{
    display: none;
}

/* ����� */
.contLeft > .footer-header-first-ul {
    margin-top: 32px;display: block;margin-bottom: 32px;height: 32px
}
.contLeft .footer-header-first-ul > li {
    position: relative;border: 1px solid #646771;min-height: 32px;line-height: 29px;cursor: pointer;
}
.contLeft ul li {
    float: left;color: white;font-size: 14px;
}
.contLeft ul li a {
    color: white;
}
.contLeft .footer-header-first-ul div {
    display: none
}
.contLeft .footer-header-first-ul > li > a {
    padding-left: 14px;
}
.contLeft .footer-header-first-ul > li i {
    font-size: 12px;
}
.contLeft .footer-header-first-ul > li > i {
    padding-right: 14px;padding-left: 5px
}
.contLeft .footer-header-first-ul > li div {
    width: 100%;overflow: hidden;border-top: 1px solid #646771;position: relative;padding: 5px 0;
}
.contLeft .footer-header-first-ul > li div ul {
    width: 100%;max-height: 168px;overflow: hidden;overflow-x: hidden;
}
.contLeft .footer-header-first-ul > li div ul > li {
    display: block;width: 100%;line-height: 1.5;
}
.contLeft ul li {
    float: left;color: white;font-size: 14px;
}
.contLeft ul li a {
    color: white;
}
.contLeft .footer-header-first-ul > li div ul > li > a {
    padding-left: 14px;display: inline-block;width: 100%;
}
.contLeft .footer-header-first-ul > li div ul > li > a:hover{
    background:  #2374E1
}
.contLeft > .footer-header-first-ul > li.second, .contLeft > .footer-header-first-ul > li.third {
    margin-left: 10px;
}
.contLeft .footer-header-first-ul > .first {
    width: 188px;
}
.contLeft .footer-header-first-ul > .second {
    width: 160px;
}
.contLeft .footer-header-first-ul > .third {
    width: 104px;
}
.contLeft .footer-header-first-ul > .first > div {
    border: 1px solid #646771;border-left: none;background-color: #454647;z-index: 1000;
}
.contLeft .footer-header-first-ul > .second > div {
    border: 1px solid #646771;border-left: none;background-color: #454647;z-index: 1000;
}
.contLeft .footer-header-first-ul > .third > div {
    border: 1px solid #646771;width: 200px;border-left: none;background-color: #454647;z-index: 1000;
}
.contLeft .footer-header-first-ul > .first:hover div {
    display: block;
}
.contLeft .footer-header-first-ul > .second:hover div {
    display: block;
}
.contLeft .footer-header-first-ul > .third:hover div {
    display: block;
}
.contLeft .footer-header-first-ul > li div ul:hover {
    overflow: auto;
}
.contLeft .footer-header-first-ul > .first .fa-angle-up,
.contLeft .footer-header-first-ul > .second .fa-angle-up,
.contLeft .footer-header-first-ul > .third .fa-angle-up{
    display: none
}
.contLeft .footer-header-first-ul > .first:hover .fa-angle-up,
.contLeft .footer-header-first-ul > .second:hover .fa-angle-up,
.contLeft .footer-header-first-ul > .third:hover .fa-angle-up{
    display: inline-block
}
.contLeft .footer-header-first-ul > .first:hover .fa-angle-down,
.contLeft .footer-header-first-ul > .second:hover .fa-angle-down,
.contLeft .footer-header-first-ul > .third:hover .fa-angle-down{
    display: none
}
a:focus{
    outline:none;
}

.headersearch{
    height: 120px;
    border-bottom: 1px solid #fff;
    background: url("../img/xizBannerLogo.png") no-repeat;
    background-size:100% 100%;
    line-height: 126px;
}

.headersearch .logo-title img {
        margin-left: 15px;
        margin-top: 30px;
}

.headersearch .search .search-input {
    width: 300px;
    height: 32px;
    position: absolute;
    top: 47px;
    left: 100px;
    padding-left: 12px;
    border: 1px solid #0e7aea;
    border-radius: 4px 0 0 4px;
}

.headersearch .search .search-button {
    width: 50px;
    height: 32px;
    position: absolute;
    top: 47px;
    left: 400px;
    border: none;
    line-height: 32px;
    color: #fff;
    /*background: #0e7aea url(../img/icon-search.png) center center no-repeat;!* �� *!*/
    background: #0e7aea;
}
.headersearch .search {
    float: left;
    line-height: 88px;
    position: relative;
}


.header .left-tel {
    float: left;
    color: #222;
    font-size: 12px;
    /*background: #f2f1f1 url(../img/top-tel.png) 0 center no-repeat;*/
}
.header .right-login {
    float: right;
    font-size: 12px;
}
.headerLogo{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e5e5e5;
    background: #f2f1f1;
}

.activeList{
    background: #186ead;
}
/*.header .logo-box .logo-title img {*/
/*    margin-left: 15px;*/
/*    margin-top: 30px;*/
/*}*/
/*.header .logo-box .search .search-input {*/
/*    width: 340px;*/
/*    height: 40px;*/
/*    position: absolute;*/
/*    top: 45px;*/
/*    right: 40px;*/
/*    padding-left: 12px;*/
/*    border: 1px solid #0e7aea;*/
/*    border-radius: 4px 0 0 4px;*/
/*}*/
/*.header .logo-box .search .search-button {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    position: absolute;*/
/*    top: 45px;*/
/*    right: 0;*/
/*    border: none;*/
/*    border-radius: 0 4px 4px 0;*/
/*    background: #0e7aea url(../img/icon-search.png) center center no-repeat;*/
/*}*/




/*.header .logo-box {*/
/*    height: 128px;*/
/*    line-height: 126px;*/
/*    background: #fff;*/
/*}*/

/*.header .logo-box .logo-img {*/
/*    !*margin-top: -20px;*!*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*.header .logo-box .logo-title img{*/
/*    margin-left: 15px;*/
/*    margin-top: 30px*/
/*}*/

/*.header .logo-box .search {*/
/*    float: right;*/
/*    line-height: 88px;*/
/*    position: relative;*/
/*}*/

.clearfix:after{
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
.clearfix{
    zoom:1;
}
.footer_list span{
    margin: 0 4px;
}
.footer_list a:last-child span:last-child{
    display: none;
}

.xiz_copyright{
    margin-top: 20px;
    text-align: center;
}
.xiz_copyright img{
    margin-left: 20px;
}
/*.z-index{*/
/*    z-index: 1;*/
/*}*/